<template>
  <div>
    子
    <button @click="aa">++</button>

    <!--

      默认插槽

         自定义  组件内
                    <slot />

         使用  <xxx> 内容  </xxx>

      具名插槽

         自定义
           <slot name='abc' />

         使用
           <template #abc> 内容 </template>

      作用域插槽

          默认写法
             自定义 xxx组件内
                  <slot num'19'/>
             使用
                  <xxx>   第二种default固定写法
                     <template v-slot="obj" 或者 :default="obj">
                        {{ obj.num }}
                     </template>
                  </xxx>

        具名写法 字面意思就有名字
            自定义   名字       需要传的值
              <slot naem="aaa"  obj="123"/>

            使用
              <xxx>
                     <template #aaa="obj">
                        {{ obj.num }}
                     </template>
              </xxx>

    -->

    <slot xxx="123" />

  </div>
</template>

<script>
export default {

  props: {
    ds: {
      type: Number,
      required: true

    }
  },
  methods: {
    aa() {
      this.$emit('update', this.ds - 1)
    }
  }

}
</script>

<style>

</style>
